<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" href="img/icon.ico" />
    <link rel="stylesheet" href="css/main.css" type="text/css" />
</head>
<style>
    .tools {
        display: grid;
        grid-template-columns: repeat(5, 20%);
        grid-template-rows: repeat(1, 30%);
        width: 100%;
        justify-items: center;
        align-items: center;
    }

    .tools-item {
        width: 90%;
        height: 90%;
        cursor: pointer;
    }
</style>

<body>
    <div id="left" class="left">
        <div class="left-top">
            <button class="left-top-btn" onclick="to_exit()">退出</button>
        </div>
    </div>

    <div class="vertical-bar"></div>

    <div class="tools">
        <button class="tools-item" onclick="img_merge_open()">图片合成</button>
        <button class="tools-item" onclick="gen_pwd_open()">生成密码</button>
        <button class="tools-item" onclick="base64_open()">base64</button>
        <button class="tools-item" onclick="pay_open()">支付(未完成)</button>
        <button class="tools-item" onclick="chatgpt_open()">chatgpt</button>
    </div>

    <script src="js/common.js"></script>
    <script src="js/net.js"></script>
    <script src="js/tools/base64.js"></script>
    <script src="js/tools/chatgpt.js"></script>
    <script src="js/tools/img.js"></script>
    <script src="js/tools/pay.js"></script>
    <script src="js/tools/pwd.js"></script>
</body>

</html>